/*
 * @Author: mzy
 * @Date: 2020-12-14 10:52:38
 * @Last Modified by: mzy
 * @Last Modified time: 2020-12-14 10:53:23
 */
<template>
  <div class="common-footer">
    <p class="copyright">
      <a href="https://github.com/End-travel" target="_blank">{{ siteInfo.tel }}</a>
      <span>|</span>
      {{ siteInfo.mail }}
      <span>|</span>
      <span v-html="siteInfo.desc"></span>
    </p>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  data () {
    return {
      siteInfo: {
        tel: '13417797722',
        mail: '1046299571@qq.com',
        desc: '有 © 点东西,点击查看GitHub'
      }
    }
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "../../common/stylus/theme.styl"
  .common-footer
    font-weight 300
    line-height 25px
    text-align center
    margin 15px 0
    color $default-title-color
    border-top 1px solid $default-border-color
    background $default-background-color
    @media only screen and (max-width: $responsive-sm)
      font-size 13px
    @media screen and (min-width: $responsive-sm)
      font-size 14px
    @media screen and (min-width: $responsive-md)
      font-size 15px
    @media screen and (min-width: $responsive-lg)
      font-size 15px
    .copyright
      margin 10px
      color $default-title-color
      a
        color $default-link-color
        &:hover
          color $default-link-hover-color
</style>
